body{
	background:#f2f2f2;
}
// 轮播区
.swiper-container{
	margin-top:.25rem;
	img{
		width:100%;
		height:auto;
	}
	.swiper-pagination-bullet-active{
		background:#fff;
	}
}
// 图标字体
@font-face {
  font-family: 'iconfont';
  src: url('font_p6oj6q7t1zmjwcdi/iconfont.eot');
  src: url('font_p6oj6q7t1zmjwcdi/iconfont.eot?#iefix') format('embedded-opentype'),
  url('font_p6oj6q7t1zmjwcdi/iconfont.woff') format('woff'),
  url('font_p6oj6q7t1zmjwcdi/iconfont.ttf') format('truetype'),
  url('font_p6oj6q7t1zmjwcdi/iconfont.svg#iconfont') format('svg');
}

.iconfont{
  font-family:"iconfont" !important;
  font-size:.4rem;
  font-style:normal;
  // -webkit-font-smoothing: antialiased;
  // -webkit-text-stroke-width: 0.2px;
  // -moz-osx-font-smoothing: grayscale;
}
// 头部
header{
	width:100%;
	height:1rem;
	
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	background-image: linear-gradient(to bottom, rgb(0,0,0) 0%, rgba(0,0, 0, 0.7) 40%, rgba(192,192,192,.5) 100%);
	.header{
		height:1rem;
		line-height:1rem;
		margin:0 .1rem;
		color:#fff;
		display:flex;
		justify-content:space-around;
		a{
			color:#fff;
			font-size:.25rem;
		}
		.serch{
			width:3.24rem;
			height:.5rem;
			line-height: .5rem;
			margin:.2rem 0 ;
			background:rgba(255,255,255,.7);
			border-radius:.08rem;
			a{
				margin-left:.1rem;
				display:inline-block;
				width:100%;
			}
			i{
				font-size:.35rem;
				margin:0 .1rem;
			}
		}
		
		i{
			display:inline-block;
			width:.4rem;
			height:.3rem;
			color:#fff;
		}
	}
}
.menu{
	background:#fff;
	ul{
		padding:.3rem 0 .4rem;
		display:flex;
		justify-content:space-around;
		a{
			color:#bbb;
			font-size:.2rem;
		}
		img{
			width:.85rem;
			height:.83rem;
			display:block;
			margin-bottom:.2rem;
		}
	}
	
}
.headline{
	margin-left:.1rem;
	height:1.1rem;
	display:flex;
	img{
			width:1.4rem;
			height:.8rem;
		}
	.swiper-container2{
		background:#eee;
		height:100%;
		overflow:hidden;
		dl{
			margin:.1rem 0 .15rem;
			display:flex;
			dd{
				margin:.2rem 0 0 .2rem;
				h3{
				font-size:.24rem;
				font-weight:normal;
				color:#b0b0b0;
				margin-bottom:.15rem;
				}
				p{
					color:#d2d2d2;
				}
			}	
		}	
	}
}
.top{
	background:#fcfcfc;
	padding:.1rem 0 .15rem;
	position:relative;
	&::after{
		content:'';
		width:0;
		height:0;
		border:.2rem solid transparent;
		border-right:.2rem solid #fff;
		position:absolute;
		left:-.38rem;
		top:50%;
		transform:translateY(-50%);
	}
}
.banner{
	background:#f2f2f2;
	padding:.1rem .08rem .2rem;
	display:flex;
	justify-content:space-around;
	img{
		width:3.1rem;
		height:auto;
	}
}
h2{
		padding:.2rem;
		border-bottom:1px solid #ddd;
		font-size:.4rem;
		font-weight:normal;
		color:#6e6e6e;
	}
.hot_box{
	background:#fff;
	ul{
		display:flex;
		justify-content:space-between;
	}
	ul:nth-of-type(1){
		// display:flex;
		// justify-content:space-between;
		// padding:0 .1rem;
		li:first-child{
			border-right:.01rem solid #fafafa;
			flex:1;
			a{
				display:block;
				border-bottom:.01rem solid #fafafa;
			}
			img{
				width:3rem;
				height:3.6rem;
			}
		}
		li:last-child{
			flex:1;
			display:flex;
			flex-direction:column;
			a{
				flex-grow:1;
				border-bottom:.01rem solid #fafafa;
			}
			img{
				width:3rem;
				height:1.76rem;
			}
		}
	}
	ul:nth-of-type(2){
		li{
			flex-grow:1;
			border-right:.01rem solid #fafafa;
			border-bottom:.01rem solid #fafafa;
			a{
				img{
					width:3rem;
				}
			}
		}
		li:last-child{
			border-right:none 0; 
		}
	}
	ul:nth-of-type(3){
		li{
			flex-grow:1;
			border-right:.01rem solid #fafafa;
			border-bottom:.01rem solid #fafafa;
			a{
				img{
					width:2rem;
				}
			}
		}
		li:last-child{
			border-right:none 0; 
		}
	}
}
.super{
	margin-top:.2rem;
	background:#fff;
	img{
		width:100%;
	}
	ul{
		display:flex;
		justify-content:space-around;
		li{
			border-bottom:.01rem solid #fafafa;
			border-right:.01rem solid #fafafa;
		}
	}
}	
